﻿<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
  	<meta name="apple-mobile-web-app-capable" content="yes">
  	<meta name="apple-mobile-web-app-status-bar-style" content="black">
  	<meta name="format-detection" content="telephone=no">
	<title></title>
	<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap-theme.min.css">
	<link rel="stylesheet" href="css/base.css">
	<link rel="stylesheet" href="css/soHead.css">
	<link rel="stylesheet" href="css/result.css">
		
	 <script src="js/jquery-1.10.2.min.js"></script>
    <script src="bootstrap/js/respond.min.js"></script>
    <script src="bootstrap/js/bootstrap.min.js"></script>
    
    <script src="js/jquery-plugins/jquery.tmpl.min.js"></script>
    <script src="js/jquery-plugins/jquery.tmplPlus.min.js"></script>
    <script src="json/searchOne.js"></script>
    <script src="js/common.js"></script>
    <script src="js/page/searchOne.js"></script>
    <style>
	.inputBorder{width:60%!important; border:1px solid #2f3b46; border:solid 1px rgba(255,255,255,.3); float:left; border-radius:4px; font-size:1.8rem; background:rgba(0,0,0,0.5); position:relative;}
	.inputBorder img{margin-left:3%; margin-bottom:3%; opacity:.3; margin-right:4%; vertical-align:auto; margin-top:-3px;}
	.input02{background:none; border:0; padding:3%; width:86%; color:#ddd;}
	</style>
</head>
<body>
	<script id="keyListTemplate" type="text/x-jquery-tmpl">
		<li><a href="searchResult.html?key=${keyword}">${keyword}</a></li>
	</script>
	
	<div id="head" style="padding:2.15% 0;">
		<nav>
		 	<a href="index.html" style="display:block; float:left; position:relative; width:9%; margin-left:4%; margin-top:2%"><img src="images/gongyong_fh.png" style="width:42%; "></a>
		 	
		 	<!--<a href="searchResult.html"><img src="images/index_wz_ico4.png" ></a>
            <input id="searchOne" type="text" placeholder="Search Content" style="background:none;border-radius:3px;border:none;outline:medium; margin-top:2px;">-->
		 	
            <div class="inputBorder"><img src="images/index_wz_ico4.png" style=" width:10%;" onclick="search();"><input id="searchOne" type="text" value="Search Content" style="background:none; width:80%; color:#808183;border:none; padding:2% 0;" onkeydown="keyDown();"></div>
		 	<a href="searchHeight.html " style="font-size:1.8rem;color:#acadb0;float:right; margin-top:1.0%; position:relative;padding-right:10px; display:block;">Advance</a>
		 </nav>
	
		 
	</div>
    <div class="headB"></div>
	<div id="container">
		<ul id="keywordList" class="searchHeight_lis" style="padding-top:14%;">
			
		</ul>
	</div>
    <script>
	 $(function(){
		 $('#searchOne').focus(function(){
			 $(this).val('')
			 })
		 $('#searchOne').bind(function(){
			 $(this).val('Search Content')
			 })
		 })
		 
		function keyDown(){
		 	if(event.keyCode == "13"){
		 		search();
		 	}
	 	};
		function search(){
			var val = $("#searchOne").val();
			if(val == "Search Content"){
				val = "";
			} else{
				val = encodeURI(encodeURI(val));
			}
		 	window.location.href = 'searchResult.html?key='+val;
	 	};
	</script>
</body>
</html>